<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <!-- <link rel="stylesheet" href="/assets/lib/layui/css/layui.css" /> -->
    <link rel="stylesheet" href="/assets/lib/pagination.css" />
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3550438_uxcrhoj1dgr.css">
    <link rel="stylesheet" href="/assets/css/article/art_list.css" />
    </style>
  </head>
  <body>
    <div class="title">文章列表</div>
    <div class="layui-card">
      <div class="header">
        <div class="left">
          <div class="cate">
            文章分类
            <div class="catechoose target">
              <span class="catecontent">请选择分类</span>
              <i class="iconfont icon-xiajiantou"></i>
            </div>
            <ul class="catelist">
              <li>无数据</li>
            </ul>
          </div>
          <div class="status">
            发布状态
            <div class="statuschoose target">
              <span class="statuscontent">请选择状态</span>
              <i class="iconfont icon-xiajiantou"></i>
            </div>
            <ul class="statuslist">
              <li>已发布</li>
              <li>草稿</li>
            </ul>
          </div>
          <button class="btnchoose">筛选</button>
          <button class="btnreset">重置</button>
        </div>
        <button class="publish">发表文章</button>
      </div>
      <table>
        <thead>
          <tr>
            <th>文章标题</th>
            <th>分类</th>
            <th>发表时间</th>
            <th>状态</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <!-- <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
          </tr> -->
        </tbody>
      </table>
      <div class="delPage">
        <div class="point">提示</div>
        <span class="cross">×</span>
        <i class="iconfont icon-gantanhao"></i>
        <span class="text">此操作将永久删除该文件，是否继续？</span>
        <div class="btn">
          <button class="cancelbtn">取消</button>
          <button class="confirmbtn">确定</button>
        </div>
      </div>
      
      <!-- 分页 -->
      <div id="pages"></div>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <script src="/assets/lib/pagination.js"></script>
    <script src="/assets/lib/axios.js"></script>
    <script src="/assets/js/baseAPI.js"></script>
    <script src="/assets/js/api/article_list.js"></script>
    <script src="/assets/js/article/art_list.js"></script>
  </body>
</html>
